import React from 'react'
import style from './index.module.scss'
export type Props = {
    title?: string
    value?: number
    valueColor?: string
    className?: string
}
const SaleDataCard: React.FC<Props> = (props) => {
    const { title = "历年全球客户总数合计", value = "3201", valueColor, className } = props
    return (
        <div className={`${style["sale-data-card"]} h-[50%] w-[45%] flex flex-col items-center justify-center${className ? " " + className : ""}`}>
            <div className='title mb-4 text-[14px] tracking-[2px]'>{title}</div>
            <span className={`font-bold text-[22px]`} style={{ color: valueColor }}>{value}</span>
        </div>
    )
}

export default SaleDataCard